<head>
    <title>{$data['title']}</title>
    <link href="__STATIC__/vedio/video-js.css" rel="stylesheet">
    <script src="__STATIC__/vedio/videojs-ie8.min.js"></script>
    <script src="__STATIC__/vedio/video.js"></script>
</head>

<body>
<video style="width:100%;height:100%" id="example_video_1" class="video-js vjs-default-skin" controls preload="none" poster="{$data['cover_pic']}" data-setup="{}" loop="loop" controls="controls">
    <source src="{$data['vedio_link']}" type="video/mp4">
    <source src="{$data['vedio_link']}" type="video/webm">
    <source src="{$data['vedio_link']}" type="video/ogg">
    <track kind="captions" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <track kind="subtitles" src="../shared/example-captions.vtt" srclang="en" label="English"></track>
    <!-- Tracks need an ending tag thanks to IE9 -->
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that</p>
</video>
</body>